<template>
	<div id="contentBox">
		
		<div v-if="tableData.data.length">在线用户数量：  {{ tableData.data.length }}</div>
		<div id="tableBox" style="margin:25px 25px 0" >
			<el-table :data="tableData.data" border  >
			    <el-table-column label="用户ID" width="180">
			      <template scope="scope">
			        <span >{{ scope.row.userId }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="用户名称" >
			      <template scope="scope">
			        <span >{{ scope.row.userName }}</span>
			      </template>
			    </el-table-column>
			   
 

			    <el-table-column label="操作" width="180">
			      <template scope="scope">
			      	
			        <!-- <el-button size="small" type="info" @click="handleEdit(scope.$index, scope.row ,true)">编辑</el-button> 

			        <el-button size="small" :type="scope.row.isFlag==1?'success':'warning'" @click="enableDisable(scope.row)">{{ scope.row.isFlag | flagF }}</el-button> 
			        <el-button size="small" type="danger" @click="handleDel(scope.$index, scope.row)">删除</el-button> -->
			      </template>
			    </el-table-column>
			</el-table>
		<!-- 	<el-dialog  title="角色管理" :visible.sync="editDialogSendData.dialogFormVisible" top="10%" v-if="editDialogSendData.dialogFormVisible">
                <editDialogForm :dialogSendData="editDialogSendData" :tableData="tableData" v-on:refreshSeachData="seachData()"></editDialogForm>
			</el-dialog> -->
			<!-- <el-dialog  title="角色菜单管理" :visible.sync="menuDialogSendData.dialogFormVisible" top="10%" v-if="menuDialogSendData.dialogFormVisible">
                <menuDialogForm :dialogSendData="menuDialogSendData" :tableData="tableData" v-on:refreshSeachData="seachData()"></menuDialogForm>
			</el-dialog> -->
		</div>
     <!--    <div class="block" style="text-align: center;margin-top: 15px;position:relative;">
		    <pagination v-on:refreshSeachData="seachData()"  :tableData="tableData" :searchForm="searchForm"></pagination>
		    <el-button  style="position:absolute;right:25px;top:0;" type="primary" @click="handleEdit()">添加角色</el-button>
		</div> -->
		
	</div>
	
</template>
<script src="./index.js"></script>
<style scoped lang="stylus">
	@import "./index.styl"
</style>